<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
var data = new google.visualization.DataTable();
  data.addColumn('string', 'BuildName');
  data.addColumn('number', 'Blocker');
  data.addColumn('number', 'Critical');
  data.addColumn('number', 'Major');
  data.addColumn('number', 'Minor');
  data.addColumn('number', 'Trivial');
//data.addRow (["BuildName",Blocker,Critical,Major,Minor,Trivial]);
  <g:each in="projectQualityInstanceList" status="i" var="pqInstance">
  data.addRow(${fieldValue(bean: pqInstance, field: "shortName")},${fieldValue(bean: pqInstance, field: "blockerCount")},${fieldValue(bean: pqInstance, field: "criticalCount")},${fieldValue(bean: pqInstance, field: "majorCount")},${fieldValue(bean: pqInstance, field: "minorCount")},${fieldValue(bean: pqInstance, field: "trivialCount")});
  </g:each>
        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, {width: 400, height: 240, title: ' Trend - ${issueType} Issues'});
      }
    </script>
  </head>

  <body>
    <div id="chart_div"></div>
  </body>
</html>